<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=unicode" />
        <title>Background Motion</title>
        <link href="css/motion.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/bmgadget.js"></script>  
        <script type="text/javascript" src="js/gadget.js"></script>    
    </head>
    <body onload="gadget.init();">
        <g:background id="gadgetbg" />        
        <div id="docked">      
        	<g:text id="dockmessage" width="100" height="14"/>          	
        </div>
        <div id="undocked">          	        	
        	<a href="javascript:void(0);" style="position:absolute; left:60px; top: 45px;" onclick="javascript:bmgadget.onAction('prev');"><img border="0" src="img/prev.gif"/></a>
        	<a id="undocklink" href="javascript:void(0);" target="_new">
        		<img id="undockpicture" border="0" style="position:absolute; left:110px; top: 10px;" width="126" height="88">
        	</a>
        	<a href="javascript:void(0);" style="position:absolute; left:270px; top: 45px;" onclick="javascript:bmgadget.onAction('next');"><img border="0" src="img/next.gif"/></a>
        	<g:text id="undocktitle" style="position:absolute; width: 350px; text-align: center; left: 0px; top: 100px; font-size: 16px; font-weight: bold; color: #333333;"/>
        	<a href="javascript:void(0);" style="position:absolute; left:134px; top: 134px;" onclick="javascript:bmgadget.onAction('approve');"><img border="0" src="img/approve.gif" alt="Approve"/></a>
        </div>                  
    </body>
</html>